<!doctype html>
<html xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>深拥博客</title>
    <link href="css/bootstrap.min.css" type="text/css" rel="stylesheet">
    <link href="css/style.css" type="text/css" rel="stylesheet">
    <link type="text/css" href="css/nprogress.css" rel="stylesheet">
    <!--[if lt IE 9]>
    <script src="js/html5shiv.min.js" type="text/javascript"></script>
    <script src="js/respond.min.js" type="text/javascript"></script>
    <script src="js/selectivizr-min.js" type="text/javascript"></script>
    <![endif]-->
    <link rel="apple-touch-icon-precomposed" href="images/icon/icon.png">
    <link rel="shortcut icon" href="images/icon/favicon.ico">
    <meta name="Keywords" content=""/>
    <meta name="description" content=""/>


</head>
<style>
    #demo2,
    .llli {
        padding: 0;
        margin: 0;
        list-style: none;
    }

    #dd {
        float: left;
        position: fixed;
        bottom: 0;
        right: 0;
        z-index: 999;
        /* position: fixed;
        float: right;
        left: 50%;
        top: 59%;
        z-index: 999;
        margin-left: 530px; */
    }

    #cc {
        width: 250px;
    }

    .adver {
        margin: 0 auto;
        width: 250px;
        overflow: hidden;
        height: 220px;
        position: relative;
        /*
            background: url(static/public/images/l);*/
    }

    #demo2 {
        position: absolute;
        bottom: 10px;
        z-index: 100;
        width: 100%;
        text-align: center;
    }

    #demo2 li {
        display: inline-block;
        font-size: 10px;
        line-height: 20px;
        font-family: "微软雅黑";
        margin: 0 1px;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background: #333333;
        text-align: center;
        color: #ffffff;
    }

    .arrowLeft,
    .arrowRight {
        position: absolute;
        width: 15px;
        background: rgba(0, 0, 0, 0.2);
        height: 20px;
        line-height: 20px;
        text-align: center;
        top: 100px;
        z-index: 75;
        font-family: "微软雅黑";
        font-size: 12px;
        font-weight: bold;
        cursor: pointer;
        display: none;
        color: snow;
    }

    .arrowLeft {
        left: 5px;
    }

    .arrowRight {
        right: 5px;
    }

    .bg {
        background: orange;
    }
</style>
<body>
<div id="dd">
    <div class="adver">
        <a href="javascript:close()">关闭</a>
        <ul id="demo2">
        </ul>
        <div class="arrowLeft">

        </div>
        <div class="arrowRight">

        </div>

    </div>
    <div id="cc">
        <a id="title" href="http://tv.cctv.com/cctv1/">我最爱的，是屏幕前认真的你^_^</a>
    </div>
</div>
<div id="app">
    <section class="container user-select">
        <header id="appkind">
            <div class="hidden-xs header">
                <!--超小屏幕不显示-->
                <h1 class="logo"><a href="index.html" title="深拥技术博客"></a></h1>
                <ul class="nav hidden-xs-nav">

                    <li v-for="kind in listkind" @click="getKind_name(kind.kind_id)"><a><span
                            class="glyphicon glyphicon-erase"></span>{{kind.kind_name}}</a></li>

                </ul>

            </div>
            <!--/超小屏幕不显示-->
            <div class="visible-xs header-xs">
                <!--超小屏幕可见-->
                <div class="navbar-header header-xs-logo">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                            data-target="#header-xs-menu"
                            aria-expanded="false" aria-controls="navbar"><span
                            class="glyphicon glyphicon-menu-hamburger"></span></button>
                </div>
                <div id="header-xs-menu" class="navbar-collapse collapse">
                    <ul class="nav navbar-nav header-xs-nav">
                        <li v-for="kind in listkind" @click="getKind_name(kind.kind_id)"><a><span
                                class="glyphicon glyphicon-erase"></span>{{kind.kind_name}}</a></li>
                    </ul>
                    <form class="navbar-form" action="search.php" method="post" style="padding:0 25px;">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="请输入关键字">
                            <span class="input-group-btn">
									<button class="btn btn-default btn-search" type="submit">搜索</button>
								</span></div>
                    </form>
                </div>
            </div>
        </header>
        <!--/超小屏幕可见-->
        <div class="content-wrap">
            <!--内容-->
            <div class="content">

                <ul class="nav nav-tabs">
                    <li><a href="" onClick="delayURL('index.html',3000)"><span class="glyphicon glyphicon-home"></span>&emsp;首页</a>
                    </li>
                    <li><a href="about.html"><span class="glyphicon glyphicon-user"></span>&emsp;个人中心</a></li>
                    <li><a href="addArticle.html"><span class="glyphicon glyphicon-erase"></span>&emsp;发表文章</a></li>
                    <li><a href="friendly.html"><span class="glyphicon glyphicon-tags"></span>&emsp;友情链接</a></li>

                    <li id="reglog"><a data-toggle="modal" data-target="#register"><span
                            class="glyphicon glyphicon-user"></span>
                        注册</a>
                    <li><a data-toggle="modal" data-target="#login"><span class="glyphicon glyphicon-log-in"></span>
                        登录</a></li>
                    </li>

                </ul>

                <!--<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">-->

                <!--&lt;!&ndash;banner&ndash;&gt;-->
                <!--<ol class="carousel-indicators">-->
                <!--<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>-->
                <!--<li data-target="#carousel-example-generic" data-slide-to="1"></li>-->
                <!--<li data-target="#carousel-example-generic" data-slide-to="2"></li>-->
                <!--</ol>-->
                <!--<div class="carousel-inner" role="listbox">-->
                <!--<div class="item active"> <a href="content.html" target="_blank"><img src="images/img1.jpg" alt="" /></a>-->
                <!--<div class="carousel-caption"> 欢迎来到个人技术博客技术博客，在这里可以看到网站前端和后端的技术等 </div>-->
                <!--<span class="carousel-bg"></span>-->
                <!--</div>-->
                <!--<div class="item"> <a href="content.html" target="_blank"><img src="images/img2.jpg" alt="" /></a>-->
                <!--<div class="carousel-caption"> 欢迎来到个人技术博客技术博客，在这里可以看到网站前端和后端的技术等 </div>-->
                <!--<span class="carousel-bg"></span>-->
                <!--</div>-->
                <!--<div class="item"> <a href="content.html" target="_blank"><img src="images/img3.jpg" alt="" /></a>-->
                <!--<div class="carousel-caption"> 欢迎来到个人技术博客技术博客，在这里可以看到网站前端和后端的技术等 </div>-->
                <!--<span class="carousel-bg"></span>-->
                <!--</div>-->
                <!--</div>-->
                <!--<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left"-->
                <!--aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="right carousel-control" href="#carousel-example-generic"-->
                <!--role="button" data-slide="next"> <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>-->
                <!--<span class="sr-only">Next</span> </a>-->
                <!--</div>-->
                <!--/banner-->

                <div class="content-block new-content">
                    <h2 class="title"><strong>文章</strong></h2>
                    <ul id="demo">
                        <li></li>
                    </ul>
                    <!--<div class="row">-->

                    <!--<div class="news-list" v-for="la in listArticle" style="padding-left: 10px;">-->
                    <!--<div class="news-info " style="padding-left: 15px">-->
                    <!--<dl>-->
                    <!--<dt> <a @click="content(la)" target="_blank" v-text="">{{la.article_title}} </a> </dt>-->
                    <!--<dd><span class="name"><a href="" title="由 深拥博客 发布" rel="author">{{la.user.user_username}}</a></span> <span-->
                    <!--class="identity"></span>-->
                    <!--<span class="time">{{la.article_publishDate}} </span></dd>-->
                    <!--<dd class="text">{{la.article_summary}}</dd>-->
                    <!--</dl>-->
                    <!--<div class="news_bot col-sm-7 col-md-8"> <span class="tags visible-lg visible-md"> <a href="">类型</a> <a href="">{{la.article_kind.kind_name}}</a>-->
                    <!--</span> <span class="look"> 共 <strong>{{la.article_pageView}}</strong> 人围观，有<strong>-->
                    <!--{{la.article_artileClickSum}} </strong> 人点赞 </span> </div>-->
                    <!--</div>-->
                    <!--</div>-->


                    <!--</div>-->
                    <!--<div class="news-more" id="pagination">
        <a href="">查看更多</a>
    </div>-->

                    <!--<div class="quotes" style="margin-top:15px"><span class="disabled">首页</span><span class="disabled" >上一页</span><span-->
                    <!--class="current">1</span><a href="">2</a><a >下一页</a><a href="">尾页</a></div>-->
                </div>

            </div>
        </div>
        <!--/内容-->
        <aside class="sidebar visible-lg">
            <!--右侧>992px显示-->
            <div class="sentence"><strong>每日一句</strong>
                <h2>{{randtime}}</h2>
                <p>{{randNote.note_statement}}</p>
            </div>


            <div class="input-group">
                <input type="text" id="name" placeholder="请输入关键字" class="form-control">
                <span class="input-group-btn">
                    <a href="javascript:search111()" class="btn btn-default btn-search">搜索</a></span>
            </div>



            <div style="background: #afd9ee;color:#fff;border-radius: 8px;margin-top: 120px;margin-bottom: -120px;">

                <img src="images/notice.png" style="position: relative;width: 20px;float: left;top: 10px;left: 10px;"/>
                <div style="line-height:30px;overflow-y:hidden;padding-bottom: 10px;">
                    <div v-for="ne in listNotice" style="padding-top: 10px;padding-right: 10px">
                        <h4 style="text-align: center;">{{ne.notice_title}}</h4>
                        <p id="noticea" @click="noticeaa" title="点击查看详情"
                           style="font-size: 12px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">&emsp;&emsp;{{ne.notice_content}}</p>
                        <p id="noticeb" @click="noticebb" title="点击收回内容" style="font-size: 12px;display: none">&emsp;&emsp;{{ne.notice_content}}</p>
                    </div>
                </div>


            </div>
            <div>
                <div class="sidebar-block recommend">
                    <h2 class="title"><strong>热门推荐</strong></h2>
                    <ul>
                        <li v-for="hotac in listHotArticle"><a target="_blank" href="" @click="content(hotac)">
                            <!-- <span class="thumb"><img src="images/icon/icon.png" alt=""></span> -->
                            <span class="text">{{hotac.article_title}}</span> <span class="text-muted">阅读({{hotac.article_pageView}})</span></a>
                        </li>
                    </ul>
                </div>
                <div class="sidebar-block comment">
                    <h2 class="title"><strong>最新文章</strong></h2>
                    <ul>
                        <li data-toggle="tooltip" data-placement="top" v-for="newac in listNewArticle"
                            v-bind:title="newac.article_title"
                            @click="content(newac)">
                            <a target="_blank">{{newac.article_publishDate}}
                                <span class="text"><strong>{{newac.article_summary}}</strong> <br/></span></a></li>

                    </ul>
                </div>
            </div>
        </aside>
        <!--/右侧>992px显示-->
        <footer class="footer">POWERED BY &copy;<a href="#">个人技术博客 XXXXX.COM</a> ALL RIGHTS RESERVED
            &nbsp;&nbsp;&nbsp;<span><a
                    href="http://www.mycodes.net/" target="_blank">源码之家</a></span> <span style="display:none"><a
                    href="">网站统计</a></span>
        </footer>
    </section>
    <div><a href="javascript:;" class="gotop" style="display:none;"></a></div>
    <!-- 注册 -->
    <div id="register" class="modal fade" tabindex="-1">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-body">
                    <button class="close" data-dismiss="modal">
                        <span>&times;</span>
                    </button>
                </div>
                <div class="modal-title">
                    <h3 class="text-center">注册</h3>
                </div>
                <div class="modal-body">

                    <div class="form-group">
                        <label>用户名</label>
                        <input class="form-control" id="username" type="text" placeholder="6-15位字母或数字">
                    </div>
                    <div class="form-group">
                        <label>密码</label>
                        <input class="form-control" id="password" type="password" placeholder="至少6位字母或数字">
                    </div>
                    <div class="form-group">
                        <label>再次输入密码</label>
                        <input class="form-control" id="password1" type="password" placeholder="至少6位字母或数字">
                    </div>
                    <div class="form-group">
                        <label>邮箱</label>
                        <input class="form-control" id="email" type="email" placeholder="例如:123@163.com">
                    </div>
                    <div class="text-right">
                        <button class="btn btn-primary" type="submit" @click="UserInsert" data-dismiss="modal">提交
                        </button>
                        <button class="btn btn-danger" data-dismiss="modal">取消</button>
                    </div>
                    <a href="" data-toggle="modal" data-dismiss="modal" data-target="#login">已有账号？点我登录</a>

                </div>
            </div>
        </div>
    </div>
    <!-- 注册结束 -->
    <!-- 登录窗口 -->
    <div id="login" class="modal fade">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-body">
                    <button class="close" data-dismiss="modal">
                        <span>&times;</span>
                    </button>
                </div>
                <div class="modal-title">
                    <h3 class="text-center">登录</h3>
                </div>
                <div class="modal-body">
                    <div class="form-group">
                        <label>用户名</label>
                        <input class="form-control" id="user_username" type="text" placeholder="">
                    </div>
                    <div class="form-group">
                        <label>密码</label>
                        <input class="form-control" id="user_password" type="password" placeholder="">
                    </div>
                    <div class="text-right">
                        <button class="btn btn-primary" @click="listUsers" data-dismiss="modal">登录</button>
                        <button class="btn btn-danger" data-dismiss="modal">取消</button>
                    </div>
                    <a href="" data-toggle="modal" data-dismiss="modal" data-target="#register">还没有账号？点我注册</a>
                </div>
            </div>
        </div>
    </div>
    <!-- 登录结束 -->

</div>


<!--/返回顶部-->
<script src="js/jquery-2.1.4.min.js" type="text/javascript"></script>
<script src="js/nprogress.js" type="text/javascript"></script>
<script src="js/bootstrap.min.js" type="text/javascript"></script>
<script src="js/vue.js"></script>

<script src="layui(layui-v2.4.3)/layui.all.js" type="text/javascript"></script>


</body>
<script src="desk/js/util.js"></script>
<script src="desk/js/cunchu.js"></script>
<script src="desk/js/index.js"></script>
<script src="desk/html/index.js"></script>
</html>
